view {
    height: 80rpx;
    display: flex;
    // background-color: slateblue;
    align-items: center;

    .line {
        height: 10rpx;
        background-color: tomato;
    }
}

.phone-container {
    padding: 0rpx, 20rpx;
    text-align: center;
}

.phone-container text {
    color: #007aff;
    text-decoration: underline;
    font-size: 30rpx;
}

.btnfontsize {
    color: #007aff;
    text-decoration: underline;
}

.viewLength {
    width: 730rpx;
}

.showLength {
    // 这三个一般配合使用效果好  
    white-space: nowrap; // 禁止换行
    overflow: hidden; // 超出显示区域的隐藏
    text-overflow: ellipsis; // 显示不完的展示...
}

.viewNoLength {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

// 设置按钮上面的文字样式
.buttonshowLength {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45rpx; // 有效
    padding: 0rpx; // 处理按钮前后空白太多
}

.textshowLength {
    font-size: 22rpx;
    text-decoration: underline;
    // line-height: 50rpx;
    white-space: nowrap;
    //   text-overflow: ellipsis; // 显示不完的展示...
    overflow: hidden; // 超出显示区域的隐藏
}

.buttonpadding {
    padding: 0; // 去掉按钮原有格式 加了上面3行  这个就无效了 
    // border: none;  //  加了上面3行  这个就无效了
    height: 50rpx; // 有效
    line-height: 50rpx;

}

.gengxinshujuanniu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60rpx; // 有效
    padding: 0rpx; // 处理按钮前后空白太多
    font-size: 30rpx;
}